import React from 'react';
import './assets/base.less';
import { Outlet } from 'react-router-dom';
import { Layout } from 'antd';
import LogoImg from './assets/login.png'

const { Sider, Content } = Layout;

const App = () => {
    return (
        <Layout id='app'>
            <header>
                <img className='logo' src={LogoImg}></img>
                <div className='right'>右侧</div>
            </header>
            <Layout>
                <Sider>Sider</Sider>
                <Content>
                    <div>
                        <Outlet></Outlet>
                    </div>
                </Content>
            </Layout>
            <footer>Respect | Copyright &copy; 2022 Author clouds~</footer>
        </Layout>

    );
};

export default App;